<%-- internal/view/delivery/index.jsp --%>

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<link type="text/css" rel="stylesheet" href="../../css/general.css" />
		<link type="text/css" rel="stylesheet" href="../../css/framed.css" />
		<link type="text/css" rel="stylesheet" href="../../css/delivery/form.css" />
		<script type="text/javascript" src="../../js/ajax-handler.js"></script>
		<script type="text/javascript" src="../../js/form.js"></script>
		<script type="text/javascript" src="../../js/dialog.js"></script>
		<script type="text/javascript" src="../../js/delivery/viewForm.js"></script>
		<script type="text/javascript" src="../../js/delivery/view.js"></script>
		<title>ORDRS - View Delivery</title>
	</head>
	<body>
		<!-- Title -->
		<div class="pageTitle">
			<img src="../../images/logo.bmp" />
			<!-- Logout -->
			<div class="navi">
				<table class="navi" align="right">
					<tr>						
						<td class="navi"><a href="../../login/">Logout</a></td>
					</tr>
				</table>
			</div>
			<!-- END Logout -->
		</div>
		<!-- END Title -->
		
		<!-- Panel -->
		<div class="panel">
		<fieldset>
		<legend>View Delivery</legend>
			<table style="border: 0px; width: 100%;">
				<tr><td colspan="3"><hr /></td></tr>
				<tr style="height: 100%">
					<td rowspan="2">
						<!-- Fields -->
						<div class="fields">
						<input id="deliveryID" type="hidden" value="">
						
							<table align="center">
								<tr>
									<td><h4>Receiver Info</h4></td>
								</tr>
								<tr>
									<td class="fieldLabel">* First Name:</td>
									<td><input id="firstname" type="text" maxlength="30"/></td>
									<td id="firstname"></td>
								</tr>
								<tr>
									<td class="fieldLabel">Last Name:</td>
									<td><input id="lastname" type="text" maxlength="30"/></td>
									<td id="lastname"></td>
								</tr>
								<tr>
									<td class="fieldLabel">* Phone No.:</td>
									<td><input id="phone" type="text" maxlength="10"/></td>
									<td id="phone"></td>
								</tr>
								<tr>
									<td><h4>Address</h4></td>
								</tr>
								<tr>
									<td class="fieldLabel">* Address:</td>
									<td id="address"></td>
								</tr>
								<tr>
									<td class="fieldLabel">* City:</td>
									<td id="city"></td>
								</tr>
								<tr>
									<td class="fieldLabel">* Province:</td>
									<td id="province"></td>
								</tr>
								<tr>
									<td class="fieldLabel">Postal Code:</td>
									<td id="postalCode"></td>
									
								</tr>
								<tr>
									<td class="fieldLabel">* Dwelling Type:</td>
									<td id="dwellingType"></td>
								</tr>
								<tr id="buildingTR">
									<td class="fieldLabel" id="buildingLabel">Buidling Name:</td>
									<td id="building"></td>
								</tr>
								<tr id="roomTR">
									<td class="fieldLabel" id="roomLabel">Room No.:</td>
									<td id="room"></td>
								</tr>
								<tr>
									<td class="fieldLabel">* Delivery Status:</td>
									<td id="deliveryStatus"></td>
								</tr>
								<tr>
									<td class="fieldLabel">Instruction:</td>
									<td id="instructions"></td>
								</tr>
							</table>
						</div>
						<!-- END Fields -->
					</td>
					<td rowspan="2" class="vrule"></td>
					<td class="resultsHead">Results
						<table>
							
							<tr>
								<form name="showOpForm">
									<td><input type="radio" name="showOption" value="0" onclick="listAllDelivery()"/>All Deliveries</td>	
									<td><input type="radio" name="showOption" value="1" onclick="listAllDelivery()"/>Incomplete Deliveries</td>
								</form>	
							</tr>
							<tr>
								<td>
								<!-- List All Button -->
									<ul class="toolbar">
										<li onclick="listAllDelivery()">List All</li>
									</ul>
								</td>
							</tr>
						</table>
					</td>
				</tr>
				<tr>
					<td class="resultsTD">
						<!-- Results -->
						<div id="results" class="results">
						</div>
						<!-- END Results -->
					</td>
				</tr>
				<tr>
					<td>
						<!-- Toolbar -->
						<ul class="toolbar">
							<li onclick="reportDelivery()">Search</li>
							<li onclick="resetFields()">Clear</li>
						</ul>
						<!-- END Toolbar -->
					</td>
					<td></td>
					<td class="alignRight">
						
					</td>
				</tr>
			</table>
		</fieldset>
		</div>
		<!-- END Panel -->
		<br />
		<br />
	</body>
</html>
